<!doctype html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hong Fu</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="icon" type="image/png" href="__PUBLIC__/statics/default/assets/img/favicon.png">

<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/amazeui.min.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/main.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/product.css">
<script src="__PUBLIC__/scripts/dragSort/Message_box.js"></script>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/statics/default/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__PUBLIC__/statics/default/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/statics/default/assets/js/main.js"></script>

</head>

<body>
<include file="./Admin/Tpl/Templates/default/mask.html" />
<include file="./Admin/Tpl/Templates/default/top-nav.html" />

<div id="top-img">
<?php $banenr = get_banner('产品中心banner'); ?>
    <img src="{$banenr[0]['big_thumb']}" alt="">
    
</div>

<div class="am-g max-block wrap-pd-b-70">
    <div id="left-nav-wrap" class="am-u-md-4 am-u-lg-3">

		<include file="./Admin/Tpl/Templates/default/side-nav-product.html" />
    </div>
    <div id="product" class="am-u-md-8 am-u-lg-9">
        <h3 class="right-title">{$show_title}</h3>
        <div class="product-tab am-tabs" data-am-tabs>
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="#product-tab1"><div class="am-vertical-align"><p class="am-vertical-align-middle"><?php echo getLangByKey($language,"Introduction"); ?></p></div></a></li>
                <!-- <li>
                    <a href="#product-tab1" style="
                        width: 100%;
                        height: 100%;
                    "><div class="am-vertical-align" style="
                        height: 100%;
                    ">
                      <div class="am-vertical-align-middle" style="
                        font-size: 23px;
                    ">
                        Introduction <br> hello
                      </div>
                    </div>
                            </a>
                </li> -->
                <li><a href="#product-tab2"><div class="am-vertical-align"><p class="am-vertical-align-middle"><?php echo getLangByKey($language,"Specification"); ?></p></div></a></li>
                <li><a href="#product-tab3"><div class="am-vertical-align"><p class="am-vertical-align-middle"><?php echo getLangByKey($language,"Operation Method"); ?></p></div></a></li>
                <li><a href="#product-tab4"><div class="am-vertical-align"><p class="am-vertical-align-middle"><?php echo getLangByKey($language,"Package, Storage"); ?></p></div></a></li>

                <!-- <li><a href="#product-tab2"><?php echo getLangByKey($language,"Specification"); ?></a></li>
                <li><a href="#product-tab3"><?php echo getLangByKey($language,"Operation Method"); ?></a></li>
                <li><a href="#product-tab4"><?php echo getLangByKey($language,"Package, Storage"); ?></a></li> -->
            </ul>




            <div class="am-tabs-bd am-tabs-bd-ofv">
                <div class="am-tab-panel am-fade am-in am-active" id="product-tab1">
					<?php $pics = unserialize($show_catalog);//AAA($pics); ?>
					<?php if(count($pics)>0) { ?>
					<div class="am-slider am-slider-default am-slider-carousel">
						<ul class="am-slides">

							<?php foreach($pics as $one_pic){ ?>
							<li>
								<img src="{$one_pic['url']}" alt="{$one_pic['alt']}" title="{$one_pic['alt']}" />
							</li>
							<?php } ?>

						</ul>
					</div>
					<?php } ?>
                    <div class="text">
                        {$show_content}
                    </div>

					<ul class="percent" style="margin-top:30px;">
						<li class="red"><span>{$show_param1_value}</span><p>{$show_param1}</p></li>
						<li class="orange"><span>{$show_param2_value}</span><p>{$show_param2}</p></li>
						<li class="blue"><span>{$show_param3_value}</span><p>{$show_param3}</p></li>
					</ul>
                </div>
                <div class="am-tab-panel am-fade" id="product-tab2">
                    <div class="text">
                       {$show_performance}
                    </div>
                </div>
                <div class="am-tab-panel am-fade" id="product-tab3">
                    <div class="text">
                        {$show_technical}
                    </div>
                </div>
                <div class="am-tab-panel am-fade" id="product-tab4">
                    <div class="text">
                        {$show_operation}
                    </div>
                </div>
            </div>
        </div>

        <hr>
		<!--
        <div class="vedio">
            <img src="__PUBLIC__/statics/default/assets/img/vedio.jpg" alt="" style="width: 100%">
        </div>-->
        <div class="btn-area">
            <a id="talk" class="red" href="javascript:;"><img src="__PUBLIC__/statics/default/assets/img/message.png" alt=""><?php echo getLangByKey($language,"Online Service"); ?></a>
            <a class="gray" href="#email"><img src="__PUBLIC__/statics/default/assets/img/mail.png" alt=""><?php echo getLangByKey($language,"E-mail Form"); ?></a>
        </div>
		<!--
        <div class="notice-text">
            <h4><?php echo getLangByKey($language,"Notice"); ?></h4>
			<?php echo getLangByKey($language,"Entrepreneurship must be at the heart of our individual behaviour, as well as a driver for collective action. It is all about taking the initiative, being creative and fostering risk-taking, while applying rigorous discipline when it comes to decision making and implementing action plans.
            Our company has been built on stand-out product INNOVATIONS, and we all have at heart to keep up our innovative mind going."); ?>

        </div>
        <div class="notice-text">
            <h4><?php echo getLangByKey($language,"Packaging、Storage and Tansportation"); ?></h4>
            <?php echo getLangByKey($language,"The sense of Human responsibilities is built through dialogue and exchange so that everyone can realize what works and what doesn’t.
            Our group has at heart to give its staff members the chance to achieve professionnal fulfilment and offer them with real prospects for career advancement by promoting equal opportunities to all.
            The sense of Human responsibilities is built through dialogue and exchange so that everyone can realize what works and what doesn’t.
            Our group has at heart to give its staff members the chance to achieve professionnal fulfilment and offer them with real prospects for career advancement by promoting equal opportunities to all."); ?>

        </div>-->
        <div class="am-u-sm-12 am-padding-0" style="margin-top:40px;">

			<include file="./Admin/Tpl/Templates/default/email.html" />
        </div>
    </div>
</div>
<include file="./Admin/Tpl/Templates/default/footer.html" />

</body>

</html>
<script>
    $(function() {
        // 设置图片轮播
        $('#product .am-slider').flexslider({
            slideshow: false,
            directionNav: false,
            pauseOnAction:false,
            controlNav: false,
            start: function() {
                $('#product .am-slider')
                .prepend('<div class="dir dir-prev"><i class="prev am-icon-angle-left"></i></div>')
                .append('<div class="dir dir-next"><i class="next am-icon-angle-right"></i></div>');

                $('#product .am-slider').find('.dir').on('click', function() {
                    if ($(this).hasClass('dir-prev')) {
                        $(this).parents('.am-slider').flexslider('prev');
                    } else if ($(this).hasClass('dir-next')) {
                        $(this).parents('.am-slider').flexslider('next');
                    }
                });
            }
        });


		$('#talk').click(function(){

			$('#ec_cs_showdlg').show()
		})
    });
</script>
